<template>
  <div class="innerpage">
    <Top></Top>
    <div class="bgcolor">
      <div class="wrap">
        <div class="public">
          <h5 style="font-size: 16px">{{ title }}</h5>
          <div>安全生产管理人员证书考试</div>
        </div>
        <el-row style="text-align:center; line-height:30px">
          <el-col :span="24" >本次得分：<b class="redtext">50分</b></el-col>
          <el-col class="redtext" :span="24">很抱歉，您未通过本次考试</el-col>
          <el-col :span="24" class="col9">本次考题100题，您答对50题</el-col>
          <el-col :span="24">补考只有一次哦，加油！！！</el-col>
        </el-row>
        <el-row style="text-align: center; padding: 30px 0">
          <el-button type="warning" class="yellow btnwidth">再学一遍</el-button>
          <el-button type="primary" class="btnwidth">我要补考</el-button>
        </el-row>
        <!-- <el-row style="text-align: center; padding: 30px 0">
          <el-button type="warning" class="btnwidth blue">重新报名学习</el-button > 
        </el-row> -->
      </div>
    </div>
  </div>
</template>

<script>
import Top from "@/components/layout/top";

export default {
  components: {
    Top,
  },
  data() {
    return {
      title: "证书考试",
    };
  },
};
</script>
<style  scoped>
.bgcolor {
  background: #f5f5f5;
  padding: 30px 0;
}
.public h5 {
  font-size: 18px;
  font-weight: normal;
  margin: 20px auto;
}
.public h5::before {
  content: "";
  width: 3px;
  height: 18px;
  display: inline-block;
  background: #4398f8;
  margin-right: 15px;
  vertical-align: middle;
}

.yellow {
  background-color: #f09c08;
  font-size: 16px;
}
.redtext{
    color: #E00011;
}
.blue{
    background-color:#097BB7;
    border:1px solid #097BB7
}
.btnwidth {
  width: 214px;
}
</style>